import 'package:flutter/material.dart';

class MyApp3 extends StatefulWidget {
  const MyApp3({super.key});

  // 1. 创建组件时调用
  @override
  State<MyApp3> createState() {
    debugPrint('createState');
    return _MyApp3State();
  }
}

class _MyApp3State extends State<MyApp3> {
  // 年龄状态
  int age = 18;

  // 2. 组件被初始化时调用
  // 一般用于: 对组件变量赋值, 请求网络数据, 更新状态
  @override
  void initState() {
    debugPrint('initState');
    super.initState();
  }

  // 3. 状态组件的依赖项发生变化时调用
  // 只会被执行1次
  @override
  void didChangeDependencies() {
    debugPrint('didChangeDependencies');
    super.didChangeDependencies();
  }

  /// 5. 组件即将销毁时自动调用的
  @override
  void deactivate() {
    debugPrint('deactivate');
    super.deactivate();
  }

  /// 6. 组件销毁时自动调用的
  @override
  void dispose() {
    debugPrint('dispose');
    super.dispose();
  }

  // 4. 组件状态更新时自动调用
  // 会调用多次
  @override
  Widget build(BuildContext context) {
    debugPrint('build');
    return Scaffold(
      appBar: AppBar(
        title: const Text('有状态组件'),
        backgroundColor: Colors.purple,
      ),
      body: Center(
        child: Text(
          '我叫朱丽叶, 今年$age岁',
          style: const TextStyle(color: Colors.red, fontSize: 20.0),
        ),
      ),
      // 右下角悬浮按钮
      floatingActionButton: FloatingActionButton(
        onPressed: () {
          setState(() {
            age++;
          });
        },
        child: const Icon(Icons.add),
      ),
    );
  }
}